#vis{
    margin-top:-20px;
    /*width:1000px;*/
    height:600px;
    text-align:center;
}

.treemap{
    width:100%;
    height:800px;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    text-align: center;
    background-color: black;
    margin-left: auto ;
    margin-right: auto ;
}

/*
#vis {
  width:auto;
  height:600px;
  font-family: "Lucida Grande", Verdana;
  font-size: 0.9em;
  text-align: center;
  overflow:auto;
}
*/


svg { display:block; overflow:auto; }

.node {
    color:#fff;
    overflow:hidden;
    cursor:pointer;
    display: table;
}

.middle{
    display: table-cell;
    vertical-align: middle;
}

.root{
    display: table-cell;
    vertical-align: top;
    font-weight:bold;
    font-size:12px;
}

.top{
    display: table-cell;
    vertical-align: top;
    font-weight:bold;
    font-size:12px;
    text-align:left;
    padding-left:10px;
    border-right: 3px solid black;
}


/*TOOLTIPS*/
.tip {
    color: #111;
    width: 260px;
    background-color: white;
    border:1px solid #ccc;
    -moz-box-shadow:#555 2px 2px 8px;
    -webkit-box-shadow:#555 2px 2px 8px;
    -o-box-shadow:#555 2px 2px 8px;
    box-shadow:#555 2px 2px 8px;
    opacity:0.9;
    filter:alpha(opacity=90);
    font-size:10px;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding:7px;
    text-align:center;
}

.tip-text{
    font-size:14px;
}

#treemap_status{
    position:relative;
    width:100%;
    text-align:center;
    font-size:14px;
    z-index:500;
    height:20px;
    background-color: #6e6e6e;
}

.treemap_breadcrumbs{
    width:100%;
    height:20px;
    background-color: #6e6e6e;
    color: white;
    line-height:20px;
    font-size:14px;
    font-weight:bold;
    border:none;
}

.treemap_breadcrumbs a{
    color: white;
    text-decoration:underline;
}